<template>
	<view class="call">
		<view class="list">
			<view class="list-group">
				<view class="list-item">
					<view class="card" @tap="openPage">
						<view class="card-header">
							<image
								mode="aspectFit"
								class="icon"
								src="@/static/icon/iv_vidio_call.png">
							</image>
						</view>
						<view class="card-body">视频通话</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { queryEventDetail } from '@/api/configure.js';
import { deepClone, mergeUrls, getUserInfo } from '@/util/util.js';
import configUrl from '@/util/url.js';

export default{
	data() {
		return {
			
		}
	},
	methods: {
		openPage() {
			let url = mergeUrls('/pages/Agora/index', {type: 'send'});
			
			uni.navigateTo({
				url: url
			});
		}
	},
	async onLoad() {
		
	},
	onReady() {}
}
</script>

<style lang="scss">
	.list{
		.list-group{
			padding: 30rpx;
			.list-item{
				
			}
		}
	}
	
	.card{
		padding: 30rpx 0rpx;
		position: relative;
		top: 0rpx;
		left: 0rpx;
		.card-header{
			width: 100rpx;
			height: 100rpx;
			margin: 0rpx auto 10rpx;
			.icon{
				width: 100%;
				height: 100%;
			}
		}
		.card-body{
			font-size: 28rpx;
			line-height: 120%;
			text-align: center;
			color: #5d5d5d;
		}
		&:after{
			content: " ";
			    width: 200%;
			    height: 200%;
			    position: absolute;
			    top: 0;
			    left: 0;
			    border: 1rpx solid #bdbdbd;
			    -webkit-transform: scale(.5);
			    transform: scale(.5);
			    -webkit-transform-origin: 0 0;
			    transform-origin: 0 0;
			    box-sizing: border-box;
			    border-radius: 10px;
				opacity: 0.3;
		}
	}
</style>
